<template>
	<view class="Box" :style="{'background-color':bgcolor}">
		<view class="Box2" :style="{'border-radius':radius+'px'}" @click="getmy">
		<uni-icons type="search" size="20"></uni-icons>
			<text>搜索</text>
		</view>
	</view>
</template>

<script>
	export default {
		// 外部获取数值
		props:{
					// 背景颜色
					bgcolor:{
						type:String,
						default:'#c00000'
					},
					// 圆角
					radius:{
						type:Number,
						default:18
					}
				},		
		name:"my-search",
		data() {
			return {
				
			};
		},
		methods:{
			// 触发单击事件
			getmy(){
				console.log('11');
				this.$emit('click')
			}
		}
	}
</script>

<style lang="scss">
	.Box{
		height: 50px;
		// background-color: #c00000;
		display: flex;
		justify-content: center;
		text-align: center;
		padding: 10px;
		.Box2{
			background-color:#FFFFFF;
			// border-radius: 17px;
			width: 100%;
			height: 40px;
			text-align: center;
			line-height: 40px;
			margin-top: 10px;
			
		}
	}
	.Box2 text{
		margin-left: 6px;
	}
</style>
